<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>css代码测试样式</title>
		<link rel="stylesheet" type="text/css" href="index1.css" />
		<style type="text/css">
			/* 选择器{ //标签选择器样式 括号里写样式} */
			span {
				color: red;
				font-size: 50px;
				font-family: 黑体;
				background-color: aqua;
			}

			body {
				width: 300px;
				height: 500px;
				background-color: coral;
			}
		</style>


	</head>
	<body>
		<!-- 第一种方式，直接在标签里使用style="" 引号里写样式 -->
		<div style="font-family: 黑体; font-size: 50px; color: red; width: 300px; height: 300px; background-color: antiquewhite;">

			css的测试

		</div>
		<span>
			<!-- 标签选择器 -->
			测试css的第二种方式
		</span>

		<div id="a">


			css的第三种方式

		</div>
		<div id="b">我是div1 </div>

		<div id="c">我是div2</div>
		<div id="d">我是div3</div>
		<p class="a">我是p1</p>
		<p>我是p2</p>
		<p>我是p3</p>
		<p class="a">我是p4</p>
		<a href="#">我是1连接</a>
		<a href="#">我是2连接</a>





	</body>
</html>
